// 从react里面解构的内容，如果首字母是大写的，解构的是组件
// 如果首字母是小写的，解构的是方法

// import React, { Fragment } from "react";
import React, { Component } from "react";

import Context from "./Context.jsx";

class Header extends Component {
  render() {
    return <header>这是头部</header>;
  }
}

// const Context = () => {
//   return <main>这是内容</main>;
// };

// react的组件是不需要注册的
// 每一个组件都必须有一个唯一的根元素
class App extends Component {
  render() {
    return (
      // Fragment表示的就是空的占位标签
      <>
        <Header />
        <Context />
      </>
    );
  }
}

export default App;
